.login {
	width: 100%;
	background: linear-gradient(to bottom, #e6f8f6, #fbfefd);
	height: 100vh;
	position: relative;

	.top {
		padding-top: 20%;
		width: 90%;
		margin: auto;
		text-align: left;

		.login1 {
			font-size: 1.5rem;
			font-weight: bold;
		}

		.login2 {
			margin-top: 20rpx;
			font-size: 24rpx;
		}
	}

	/* 用户登录 */
	.userlogin {
		width: 90%;
		margin: auto;
		margin-top: 100rpx;

		background-color: #fff;
		border-radius: 30rpx;
		padding: 3%;

		.userlogin1 {
			width: 100%;
			margin-top: 40rpx;
			border-radius: 100rpx;
			height: 80rpx;
			line-height: 80rpx;
			color: #fff;
			text-align: center;
			background-color: #f7f8fa;
		}

		.determine {
			margin-top: 100rpx;
		}

		.all {
			margin-top: 30rpx;
			display: flex;
			justify-content: space-between;

			.left {
				color: #c3c3c3;

			}

			.right {
				color: #008c8c;
			}
		}
	}

	.photo {
		position: absolute;
		width: 30%;
		left: 35%;
		bottom: 5%;
		height: 100rpx;
		display: flex;
		flex-wrap: wrap;
		

		image {
			
			width: 50%;
			margin-left: 50rpx;
			height: 80%;
		}

		.color1 {
			width: 100%;
			margin-top: 10rpx;
			text-align: center;
		}
	}
}